<template>
  <div class="hotel">
    <div class="select">
        <search/>
    </div>
    <div class="mid">
        <div class="introduction">
            <introduce/>
        </div>
        <div class="map">
            <maps/>
        </div>
    </div>
    <div class="hotelList">酒店列表</div>
  </div>
</template>

<script>
import search from '@/components/hotel/search.vue'
import introduce from '@/components/hotel/introduce.vue'
import maps from '@/components/hotel/maps.vue'
export default {
    components:{
        search,introduce,maps
    }
}
</script>

<style lang="less" scoped>
      .hotel{
          // display: flex;
          // justify-content: space-between; 
          width: 1000px;
          margin: 0 auto;
          .mid{
            display: flex;
            justify-content: space-between; 
          }
      }
</style>